*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face { font-family: 'impact';src: url('../fonts/impact.ttf');font-weight: normal; font-style: normal;}
.ty_content,.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 65px auto 70px; text-align: center;line-height: 0;}
.more-title .ff{ animation: fadeInLeft 1s; -moz-animation: fadeInLeft 1s; -webkit-animation: fadeInLeft 1s; -o-animation: fadeInLeft 1s; animation-play-state: paused;}
.more-title .on{ animation-play-state: running;}
.xzln1 .ff{ animation: lightSpeedIn 1s; -moz-animation: lightSpeedIn 1s; -webkit-animation: lightSpeedIn 1s; -o-animation: lightSpeedIn 1s; animation-play-state: paused;}
.xzln1 .on{ animation-play-state: running;}
.xzln2 .ff{ animation: rubberBand 1s; -moz-animation: rubberBand 1s; -webkit-animation: rubberBand 1s; -o-animation: rubberBand 1s; animation-play-state: paused;}
.xzln2 .on{ animation-play-state: running;}
.xzln3 .ff{ animation: fadeInDown 2s; -moz-animation: fadeInDown 2s; -webkit-animation: fadeInDown 2s; -o-animation: fadeInDown 2s; animation-play-state: paused;}
.xzln3 .on{ animation-play-state: running;}
.xzln4 .ff{ animation: fadeInDownBig 2s; -moz-animation: fadeInDownBig 2s; -webkit-animation: fadeInDownBig 2s; -o-animation: fadeInDownBig 2s; animation-play-state: paused;}
.xzln4 .on{ animation-play-state: running;}
.xzln5 .ff{ animation: fadeInLeft 2s; -moz-animation: fadeInLeft 2s; -webkit-animation: fadeInLeft 2s; -o-animation: fadeInLeft 2s; animation-play-state: paused;}
.xzln5 .on{ animation-play-state: running;}
.xzln6 .ff{ animation: fadeInRight 2s; -moz-animation: fadeInRight 2s; -webkit-animation: fadeInRight 2s; -o-animation: fadeInRight 2s; animation-play-state: paused;}
.xzln6 .on{ animation-play-state: running;}
@-webkit-keyframes bounce-up{ 25%{-webkit-transform: translateY(2px);}
	50%, 100%{-webkit-transform: translateY(0);}
	75%{-webkit-transform: translateY(-2px);}
	}
@keyframes bounce-up{ 25%{transform: translateY(2px);}
	50%, 100%{transform: translateY(0);}
	75%{transform: translateY(-2px);}
	}
@keyframes msClock{ 0%,90%,100%{ transform: rotate(0) scale(1);}
	20%,40%{ transform: rotate(-15deg) scale(1.1);}
	30%,50%{ transform: rotate(15deg) scale(1.1);}
	}
.more-title h5{ font-size: 30px; font-weight: bold; color: #154890; line-height: 30px;}
.more-title h5 b{ color: #e47f12; font-weight: bold;}
.more-title h6{ margin-top: 15px; font-size: 18px; color: #333; line-height: 18px;}

/*头部*/

.header{width: 100%;font-size: 0;}
.header .header-1{ background: #eee; height: 35px; line-height: 35px; overflow: hidden;}
.header .header-1 .ty_content .welcome,.header .header-1 .ty_content nav a,.header .header-1 .ty_content nav i{color: #999; font-size: 14px;}
.header .header-1 .ty_content nav i{margin: 0 10px; font-size: 14px; display: inline-block; vertical-align: top;}
.header .header-1 .ty_content nav a:hover{ color: #154890;}

/*标语*/

.header .header-2{ height: 135px; overflow: hidden;}
.header .header-2 .ty_content>div{ display: inline-block; vertical-align: top;}
.header .header-2 .ty_content .logo{ width: 347px; margin-top: 10px;}
.header .header-2 .ty_content .text{position: relative; padding-left: 30px;}
.header .header-2 .ty_content .text:before{ content: ""; background: url(../images/h_hr.png)no-repeat; position: absolute; left: 0; top: 25px; width: 1px; height: 83px; z-index: 9;}
.header .header-2 .ty_content .text p{ margin: 40px 0 10px; font-size: 24px; line-height: 24px; color: #154890; font-weight: bold; letter-spacing: 2.7px;}
.header .header-2 .ty_content .text b{font-weight: bold; color: #e47f12;}
.header .header-2 .ty_content .text i{ display: block; font-size: 18px; line-height: 18px; color: #333;}
.header .header-2 .ty_content .phone{ float: right; margin-top: 43px;}
.header .header-2 .ty_content .phone>div{ display: inline-block; vertical-align: top;}
.header .header-2 .ty_content .phone .spic{ line-height: 0; margin-right: 15px;}
.header .header-2 .ty_content .phone .dh h6{ font-size: 24px; line-height: 19px; color: #154890; font-weight: bold;}

/*导航*/

.header .header-3{ background: #154890; height: 58px; line-height: 58px;}
.header .header-3 .ty_content nav a{ position: relative; color: #fff; font-size: 16px; display: inline-block; vertical-align: top; text-align: center; padding: 0 26px;}
.header .header-3 .ty_content nav a:before{ content: ""; position: absolute; right: 0; top: 11px; background: url(../images/navhr.png)no-repeat; width: 2px; height: 36px; z-index: 1;}
.header .header-3 .ty_content nav a i{ position: relative; z-index: 2;}
.header .header-3 .ty_content nav .on:before,.header .header-3 .ty_content nav a:hover:before{ visibility: hidden;}
.header .header-3 .ty_content nav .on,.header .header-3 .ty_content nav a:hover{ background: #e47f12;}
.header .header-3 .ty_content nav a:last-child:before{ display: none;}
.header .header-3 .ty_content nav ul{ display: none; position: absolute; top: 58px; z-index: 999; width: 100%; left: 0px;}
.header .header-3 .ty_content nav ul li{ text-align: center; height: 58px; border-top: 1px solid #fff; line-height: 58px; font-size: 16px; color: #fff; background: #e47f12;}
.header .header-3 .ty_content nav ul li:hover{background: #fff;color: #333;}

/*轮播*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 35px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; background: #154890; width: 12px; height: 12px; border: 1px solid #154890; border-radius: 50%; margin-right: 15px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #e47f12; border: 1px solid #e47f12;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}

/*搜索*/

.search{ font-size: 0; background: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); height: 70px; line-height: 70px; overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #000; font-size: 14px;}
.search-keywords span img{ -webkit-animation: bounce-up 1.3s linear infinite; animation: bounce-up 1.3s linear infinite; vertical-align: middle;margin-right: 5px;}
.search-keywords a:hover{ color: #154890; text-decoration: underline;}
.search-keywords a{ color: #666; font-size: 14px; margin-right: 10px;}
.search-form{ float: right;}
#searchForm{ margin: 15px 0 0 0; background: url(../images/search.png)no-repeat; width: 350px; height: 35px; display: inline-block; vertical-align: top;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #ccc; text-indent: 20px;}
#searchForm .search-input{ height: 35px; line-height: 35px; width: 87%;}
.search-form #s_btn{ width: 35px; height: 35px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #ccc;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #ccc;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #ccc;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #ccc;}










/*m1*/


.m1{width: 1200px;height: 680px;margin:0 auto;}
.m1 .hd{width: 1200px;height:72px;padding-left: 82px;}
.m1 .hd li{width:147px;height: 43px;float: left;margin-right: 28px;border:1px solid #C5C5C5;text-align: center;line-height: 43px;font-size: 16px;}
.m1 .hd li:last-child{margin-right: 0;}
.m1 .hd li.on{background: #154890;color: #fff;}
.m1 .bd li{width:1200px;height: 600px; background: url(../images/m1_bk.png)no-repeat;padding-top:17px;}
.m1 .bd li img{width:1165px;height: 566px;margin-left: 17px;}




/*m2*/
.m2{width: 1200px;height: 418px;margin:0 auto;}
.m2 .l{width: 170px;height: 418px;background: url(../images/m2_lbg.png)no-repeat;float: left;}
.m2 .l .l1{font-size: 24px;font-weight: bold;color: #fff;letter-spacing: 1px;padding-left: 27px;padding-top:43px;}

.m2 .l .l2{padding-left: 36px;padding-top:66px;}
.m2 .l .l3{text-align: center;line-height:15px;margin-top:50px;color: #B8C1D6;}
.m2 .l .dh{text-align: center;font-size:20px;font-weight: bold;color: #fff;margin-top: 5px;}

.m2 .r{width: 1030px;height: 418px;border:2px solid #E9E9E9;float: left;padding-left: 18px;}
.m2 .r .text{height: 91px;border-bottom: 1px dashed #E0E0E0;}
.m2 .r .text .ta{width: 130px;height: 70px;float: left;padding-top:30px;}
.m2 .r .text .ta .t1{width: 106px;height: 29px;line-height: 29px;text-align: center;}
.m2 .r .text .ta .t1:hover{background: #154890;color: #fff;}
.m2 .r .text .tb{width: 870px;height: 70px;;float: left;padding-top:20px;}
.m2 .r .text .tb .t2{height: 25px;float: left;color: #777777;letter-spacing: 1px;}
.m2 .r .text .tb .t2:hover{color: #154890;text-decoration: underline;font-weight: bold;}
.m2 .r .text .tb .t2c{width: 1px;height: 17px;background: #999999;float: left;margin-top: 2px;margin-left: 16px;margin-right: 16px;}

.m2s{width: 1200px;height: 335px;background: #fff;margin:0 auto;margin-top: 50px;padding-top:25px;}
.m2s .nr{width: 1110px;height: 300px;margin:0 auto;overflow: hidden;}
.m2s .nr li{width: 264px;height: 300px;margin-right: 18px;float: left;}
.m2s .nr li .tp{width:264px;height: 213px;overflow: hidden;}
.m2s .nr li .tp img{ width: 100%; transition: all .5s;height:213px;}
.m2s .nr li .tp:hover img{ transform: scale(1.1, 1.1);}
.m2s .nr li .t1{text-align: center;font-size: 16px;color: #666;padding-top:16px;}
.m2s .nr li .t2{width: 80px;height: 25px;background: #E47F12;color: #FCF0E4;line-height: 25px;text-align: center;border-radius: 25px;margin:0 auto;margin-top: 10px;}





/*.xb*/
.xbb{width: 100%;height: 255px;background: url(../images/xbbs.jpg)no-repeat center;margin-bottom:78px;}










/*model1*/

.model1{ margin-top: 70px;}
.model1 .text{ position: relative; width: 580px; height: 336px;}
.model1 .text h5{ line-height: 0; margin-bottom: 15px;}
.model1 .text h6{ position: relative; z-index: 2; line-height: 32px; width: 490px; color: #666; font-size: 16px;}
.model1 .text:before{ content: ""; background: url(../images/mb1bg.png)no-repeat; width: 1023px; height: 256px; position: absolute; left: -350px; bottom: -4px;}
.model1 .pic{ position: relative; z-index: 2; background: url(../images/mb1picbg.png)no-repeat; width: 620px; height: 336px;}
.model1 .pic .img{ width: 600px; height: 316px; overflow: hidden; margin-left: 20px;}
.model1 .pic .img img{ width: 100%; transition: all .3s;}
.model1 .pic .img:hover img{ transform: scale(1.1, 1.1);}

/*product pro-left*/

.cp-mrt h6{ background: url(../images/titlebg1.png)no-repeat center;}
.product .pro-left{ width: 285px; margin-right: 20px; overflow: hidden;}
.product .pro-left .top{ width: 100%; height: 90px; background: #154890; text-align: center; padding-top: 20px;}
.product .pro-left .top b{ display: block; font-size: 24px; color: #fff;line-height: 24px;font-weight: bold;}
.product .pro-left .top i{ display: block; font-size: 14px; line-height: 14px; color: #fff; text-transform: uppercase; font-family: arial; margin: 10px 0 0 0;}
.product .pro-left .sideMenu{ width: 100%; overflow: hidden; height: 640px; background: #f5f5f5; padding: 20px 0 30px 0;}
.product .pro-left .sideMenu h6:first-child{ margin-top: 0;}
.product .pro-left .sideMenu h6{ font-size: 18px; color: #333; background: url(../images/proicon1.png)no-repeat 206px center; width: 245px; padding: 0 20px 0 23px; margin: 0px auto 0; border-bottom: 1px solid #d8d8d8; height: 60px; line-height: 60px;}
.product .pro-left .sideMenu h6.on{ color: #154890; font-weight: bold; background: url(../images/proicon2.png)no-repeat 206px center #fff; border-top: 1px solid #d8d8d8; border-bottom: none;}
.product .pro-left .sideMenu ul{ width: 245px; margin: 0 auto; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; background: #fff; padding-left: 23px;}
.product .pro-left .sideMenu ul li a{ font-size: 14px; color: #666;}
.product .pro-left .sideMenu ul li{ margin-bottom: 10px; line-height: 14px;}
.product .pro-left .sideMenu ul li:hover a{ color: #154890;}
.product .pro-left .phone{ padding: 25px 0 0 45px; background: #154890; width: 100%; height: 90px;}
.product .pro-left .phone>div{ display: inline-block; vertical-align: top;}
.product .pro-left .phone .icon{ line-height: 0; margin-right: 10px;}
.product .pro-left .phone .rx p{ font-size: 16px; color: #e6e6e6; line-height: 16px; margin-bottom: 4px;}
.product .pro-left .phone .rx b{display: block;font-weight: bold; font-size: 20px; color: #fff; line-height: 20px;}

/*product right*/

.product .right{ width: 895px; font-size: 0;}
.product .right .stcp>div{ display: inline-block; vertical-align: top;}
.product .right .stcp .text{ padding: 20px 0 0 15px; width: 305px;height: 320px; overflow: hidden;}
.product .right .stcp .text p{ margin-bottom: 5px; color: #154890; font-size: 24px; line-height: 24px;}
.product .right .stcp .text i{ color: #999; line-height: 14px; font-size: 13px; text-transform: uppercase; font-family: arial;}
.product .right .stcp .text dd{ margin-bottom: 5px; color: #154890; font-weight: bold; font-size: 14px; line-height: 28px;}
.product .right .stcp .text .hr{ display: inline-block; vertical-align: top; margin: 20px 0 15px; width: 64px; height: 1px; background: #e47f12;}
.product .right .stcp .text dd b{ color: #666;}
.product .right .stcp .text dl{ height: 191px; overflow: hidden;}
.product .right .more a{ display: inline-block; vertical-align: top; border-radius: 5px; width: 96px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 14px; background: #154890;}
.product .right .more a+a{ background: #e47f12; margin-left: 20px;}
.product .right .bigpic{ width: 590px; height: 320px; overflow: hidden; margin-bottom: 20px;}
.product .right ul li{ width: 285px; display: inline-block; vertical-align: top; margin: 0 20px 20px 0; overflow: hidden;}
.product .right ul li:nth-child(3n){ margin-right: 0;}
.product .right ul li .pic{ width: 285px; height: 190px; line-height: 0; border: 1px solid #d8d8d8; border-bottom: none; overflow: hidden;}
.product .right .bigpic img,.product .right ul li .pic img{ width: 100%; transition: all .8s;}
.product .right .bigpic:hover img,.product .right ul li:hover .pic img{ transform: scale(1.1, 1.1);}
.product .right ul li .mc{ position: relative; width: 100%; height: 40px; line-height: 40px; overflow: hidden; background: #ebebeb; font-size: 16px; color: #333; text-align: center; border: 1px solid #d8d8d8;}
.product .right ul li .mc i{ position: relative; z-index: 6;}
.product .right ul li .mc:before{ content: ""; left: 50%; bottom: 0; width: 0; height: 100%; position: absolute; background: #154890; visibility: hidden;}
.product .right ul li:hover .mc:before{ left: 0; width: 100%; visibility: visible; transition: all .3s;}
.product .right ul li:hover .mc{ color: #fff;}

/*model2*/

.model2 .more-title h6{ background: url(../images/titlebg2.png)no-repeat center;}
.model2 .xz1{ height: 396px; overflow: hidden;}
.model2 .xz1 .pic{ width: 600px; height: 396px; overflow: hidden;}
.model2 .xz1 .text{ margin-left: 20px; width: 580px;}
.model2 .xz1 .text dt b{ font-weight: bold; display: block; line-height: 24px;color: #154890; font-size: 24px; margin: 13px 0 25px;}
.model2 .xz1 .text .hr{ background: url(../images/mb2hr.png)no-repeat; width: 136px; height: 1px; display: inline-block; vertical-align: top;}
.model2 .xz1 .text p{ height: 115px; overflow: hidden; line-height: 26px;color: #666; font-size: 16px;}
.model2 .xz1 .text dd .pic{ width: 280px; height: 198px;}
.model2 .pic img{ width: 100%; transition: all .3s;}
.model2 .pic:hover img{ transform: scale(1.1, 1.1);}
.model2 .xz2{ margin-top: 50px; font-size: 0;}
.model2 .xz2 li{ display: inline-block; vertical-align: top; position: relative; padding-right: 10px; margin-right: 17px;}
.model2 .xz2 li>div{ display: inline-block; vertical-align: top;}
.model2 .xz2 li .icon{ width: 68px; height: 68px; margin-right: 10px;}
.model2 .xz2 li:before{ content: ""; background: url(../images/mb2hr2.png)no-repeat; width: 2px; height: 57px; position: absolute; right: 0; top: 7px;}
.model2 .xz2 li.on .icon .zq{ transform: rotateY(360deg); transition: all .8s;}
.model2 .xz2 li .icon .zq .xs{ display: none;}
.model2 .xz2 li.on .icon .zq .xs{ display: block;}
.model2 .xz2 li.on .icon .zq .mr{ display: none;}
.model2 .xz2 li .by p{ margin: 12px 0 15px; font-weight: bold; line-height: 18px; font-size: 18px; color: #7b7b7b;}
.model2 .xz2 li .by i{ display: block; line-height: 14px; font-size: 14px; color: #999; text-transform: uppercase; font-family: arial;}
.model2 .xz2 li.on .by p{ color: #154890;}
.model2 .xz2 li:last-child{ margin-right: 0;}
.model2 .xz2 li:last-child:before{ display: none;}

/*advantage*/

.advantage .more-titlebg{ background: url(../images/ystopbg.png)no-repeat center; width: 100%; height: 215px; overflow: hidden; margin: 70px 0 25px;}
.advantage .more-title{ margin: 0 auto; padding-top: 60px;}
.advantage .more-title h6{ background: url(../images/titlebg3.png)no-repeat center;}
.advantage ul li .pic{ line-height: 0;}
.advantage ul li .text{ position: relative; font-size: 0; width: 580px;}
.advantage ul li .text dl{ margin-bottom: 40px;}
.advantage ul li .text dl dt>div{ display: inline-block; vertical-align: top;}
.advantage ul li .text dl dt .icon{ margin-right: 10px;}
.advantage ul li .text dl dt p{ color: #154890; font-weight: bold; font-size: 24px; line-height: 24px; margin: 5px 0 10px;}
.advantage ul li .text dl dt p b{ font-weight: bold; color: #e47f12;}
.advantage ul li .text dl dt i{ text-transform: uppercase; font-family: arial; color: #666; font-size: 14px; line-height: 14px;}
.advantage ul li .text dl dd{ margin-top: 10px; padding-left: 72px; color: #666; font-size: 14px; line-height: 26px; width: 570px;}
.advantage ul li .text:before{ content: ""; background: url(../images/yshr1.png)no-repeat; width: 23px; height: 137px; position: absolute; left: 37px; top: 78px; z-index: 1;}
.advantage ul .li2 .text:before{ top: 30px;}
/*.advantage ul li .text dl dt .icon img{ vertical-align: middle; transition: all .8s;}*/
.advantage ul li .text dl dt:hover .icon img{ transform: rotateY(360deg);}
.advantage ul li .text .more a{ margin-top: 30px; display: block; background-color: rgb(220, 40, 33); border-radius: 24px; color: #fff; font-size: 16px; width: 160px; height: 48px; line-height: 48px; text-align: center;}
.advantage ul li .text .more a i{ -webkit-animation: bounce-up 1.3s linear infinite; animation: bounce-up 1.3s linear infinite; width: 35px; height: 31px; margin-right: 10px; background: url(../images/ljzx.png)no-repeat; display: inline-block; vertical-align: middle;}
.advantage ul li .text .more a:hover{ background: #333;}
.advantage ul li .text .more a:hover i{ animation-play-state: paused;}

/*model3*/

.model3 .more-title h6{ background: url(../images/titlebg4.png)no-repeat center; color: #666; font-family: arial; font-size: 16px; text-transform: uppercase;}
.model3 .text{ font-size: 0; width: 580px;}
.model3 .text dt>div{ display: inline-block; vertical-align: middle;}
.model3 .text dt .a{ color: #154890; font-size: 50px; font-weight: bold; line-height: 50px; margin-right: 15px; animation: msClock 1.2s linear infinite; animation: msClock 1.2s linear infinite;}
.model3 .text dt .b i{ display: block; color: #333; font-size: 16px; line-height: 16px;}
.model3 .text dt .b i:first-child{ margin-bottom: 15px;}
.model3 .text dl a{ display: inline-block; vertical-align: middle; border-radius: 5px; background: #154890; text-align: center; width: 116px; height: 36px; line-height: 36px; color: #fff; font-size: 16px;}
.model3 .text dl a+a{ margin-left: 20px; color: #e47f12; border: 1px solid #e47f12; background: none;}
.model3 .text dl{ margin-top: 55px;}
.model3 .text dl a:hover{ color: #e47f12; border: 1px solid #e47f12; background: none;}
.model3 .text dl a+a:hover{ color: #fff; border: 1px solid #154890; background: #154890;}
.model3 .pic{ background: url(../images/mb3picbg.png)no-repeat; width: 616px; height: 336px;}
.model3 .pic .img{ width: 581px; height: 301px; overflow: hidden; margin: 17px auto;}
.model3 .pic .img img{ width: 100%; transition: all .3s;}
.model3 .pic .img:hover img{ transform: scale(1.1, 1.1);}

/*case*/

.case .more-title h6{ background: url(../images/titlebg5.png)no-repeat center;}
.case .nr .hd{ width: 276px; margin-right: 10px; height: 541px; overflow: hidden;}
.case .nr .hd .topic{line-height: 0;margin-bottom: 19px;}
.case .nr .hd ul li,.case .nr .hd ul .tsli{ position: relative; border: 1px solid #aaa; margin-top: 10px; width: 260px; height: 63px; line-height: 63px; color: #333; font-size: 18px; padding: 0 0 0 50px; cursor: pointer; display: block;}
.case .nr .hd ul li>div,.case .nr .hd ul .tsli>div{ display: inline-block; vertical-align: middle;}
.case .nr .hd ul li:before,.case .nr .hd ul .tsli:before{ content: ""; background: #154890; width: 3px; height: 100%; position: absolute; left: 0; top: 0;}
.case .nr .hd .topic img,.case .nr .hd ul .tsli img{ vertical-align: top;}
.case .nr .hd ul li:hover:before,.case .nr .hd ul .tsli:hover:before{ background: #e47f12;}
.case .nr .hd ul li .icon{ width: 35px; height: 29px; line-height: 0; margin: 0 11px 0 0;}
.case .nr .hd ul li:hover .icon .xs{ display: none;}
.case .nr .hd ul li .icon .yc{ display: none;}
.case .nr .hd ul li:hover .icon .yc{ display: inline-block;}
.case .nr .hd ul li:hover,.case .nr .hd ul .tsli:hover{ border: none; color: #fff; background: #154890;}
.case .nr .right{ width: 914px;height: 541px;overflow: hidden;}
.case .nr .bd{ height: 396px;overflow: hidden;}
.case .nr .bd ul li .spic dd:first-child{ margin-bottom: 20px;}
.case .nr .bd ul li .pic{ position: relative; width: 331px; height: 188px; overflow: hidden;}
.case .nr .bd ul li .big{ margin-right: 19px; width: 564px; height: 396px;}
.case .nr .bd ul li .pic img{ width: 100%; transition: all .8s;}
.case .nr .bd ul .pic:hover img{ transform: scale(1.1);}
.case .nr .bd ul li .pic:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.case .nr .bd ul .pic:hover:after{left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
.case .nr .hzkh{ font-size: 0; padding: 20px 0 0 20px; margin-top: 25px; background: url(../images/hzkhkj.png)no-repeat; width: 915px; height: 120px; overflow: hidden;}
.case .nr .hzkh>div{ display: inline-block; vertical-align: middle;}
.case .nr .hzkh .bd{ width: 533px; height: 78px;overflow: hidden;}
.case .nr .hzkh .bd ul li{ margin-right: 16px; display: inline-block; vertical-align: middle; width: 167px!important; height: 78px; border: 1px solid #d8d8d8; overflow: hidden;}
.case .nr .hzkh .bd ul li img{ transition: all .3s; width: 100%;}
.case .nr .hzkh .bd ul li:hover img{ transform: rotateY(180deg);}
.case .nr .hzkh .btn{ cursor: pointer;}

.case .nr .bd ul li .rr{width: 331px;height: 395px;float: left;padding-left: 37px;}
.case .nr .bd ul li .rr .r0{font-size: 22px;font-weight: bold;color: #154890;padding-top: 16px;}
.case .nr .bd ul li .rr .r1{font-size: 15px;color: #ABABAB;}
.case .nr .bd ul li .rr .r2{font-size: 22px;font-weight: bold;color: #154890;margin-top: 20px;}
.case .nr .bd ul li .rr .r3{font-size: 14px;color: #666;margin-top:21px;height: 170px;}
.case .nr .bd ul li .rr .dj{width: 230px;height: 30px;}
.case .nr .bd ul li .rr .dj div{border-radius: 8px;width: 95px;height: 30px;text-align: center;line-height: 30px;color: #fff;float: left;}
.case .nr .bd ul li .rr .dj .d1{background: #154890;margin-right: 20px;}
.case .nr .bd ul li .rr .dj .d2{background: #E47F12;}



/*lybk*/

.lybkbg{ background: url(../images/feedbackbbg.png)no-repeat center; width: 100%; height: 516px; margin: 70px 0 0; padding: 60px 0 0;}
.lybk{ background: url(../images/feedbackbg.png)no-repeat; padding: 55px 0 0; height: 391px;}
.lybk .left{ padding: 5px 75px 0; width: 612px;}
.lybk .left h6{ margin: 0 0 15px 0; color: #154890; font-size: 26px; font-weight: bold;}
.lybk .left form .inputlist span,.lybk .left form .inputlist span b{ display: inline-block; vertical-align: middle;}
.lybk .left form .inputlist{ margin: 0 0 10px 0;}
.lybk .left form .inputlist span{ color: #666; font-size: 18px;}
.lybk .left form .inputlist b{ color: #666; font-size: 20px; margin: 5px 5px 0 0;}
.lybk .left form .inputlist input{ width: 352px; height: 45px; border: 1px solid #ccc; line-height: 45px;}
.lybk .left form #msgLeft_Btn{ background: url(../images/feedbackmore.png)no-repeat; width: 103px; height: 50px; text-align: center; line-height: 45px; color: #fff; font-size: 16px; margin-right: 10px; cursor: pointer;}
.lybk .left form .rxdh{ color: #333; font-size: 16px;}
.lybk .left form .rxdh p{ color: #333; font-size: 18px; font-weight: bold; line-height: 18px; margin: 5px 0 0 0;}
.lybk .left form .sub{ margin: 20px 0 0 0; font-size: 0;}
.lybk .left form .sub>div{ display: inline-block; vertical-align: middle;}
.lybk .right{ width: 500px; margin: 0 45px 0 0;}
.lybk .right h5{ color: #154890; font-size: 24px; line-height: 28px;font-weight: bold; margin-bottom: 10px;}
.lybk .right h6{ color: #333; font-size: 16px; line-height: 20px;}
.lybk .right h6 i{ font-size: 12px; color: #999; font-family: arial;}
.lybk .right dt{ border-bottom: 1px dashed #ccc; margin-bottom: 15px; padding-bottom: 10px;}
.lybk .right .ewm{ background: url(../images/lybkewm.png)no-repeat; width: 202px; height: 197px; text-align: center;}
.lybk .right .ewm img{ margin-top: 13px;}

/*honor*/

.honor .more-title h6{ background: url(../images/titlebg6.png)no-repeat center;}
.honor .nr{ position: relative; height: 333px;}
.poster-main{ position: relative;margin: 0 auto;}
.poster-main a,.poster-main img{ display: block; width: 100%; height: 100%;}
.poster-main img{ width: 100%; height: 100%;}
.poster-main .poster-list{ width: 1200px; height: 333px;position: relative;z-index: 1;}
.poster-main .poster-list .poster-item{ position: absolute; left: 0; top: 0;}
.poster-main .poster-btn{ position: absolute; top: 150px; cursor: pointer; width: 42px!important;height: 45px!important;}
.poster-main .poster-prev-btn{ left: -54px; background: url(../images/btn3.png) no-repeat;}
.poster-main .poster-next-btn{ right: -54px; background: url(../images/btn4.png) no-repeat;}

/*about*/

.about{ margin-top: 60px;}
.about .text{ margin-left: 45px; padding-top: 25px; width: 527px; height: 330px; overflow: hidden;}
.about .text dt{ line-height: 0;}
.about .text dd{ text-align: justify; height: 144px; overflow: hidden; margin: 25px 0; color: #666; font-size: 14px; line-height: 28px;}
.about .text .more a{ display: inline-block; vertical-align: middle; border-radius: 5px; background: #154890; text-align: center; width: 116px; height: 36px; line-height: 36px; color: #fff; font-size: 16px;}
.about .text .more a+a{ margin-left: 20px; color: #e47f12; border: 1px solid #e47f12; background: none;}
.about .text .more a:hover{ color: #e47f12; border: 1px solid #e47f12; background: none;}
.about .text .more a+a:hover{ color: #fff; border: 1px solid #154890; background: #154890;}
.about .pic{ position: relative; width: 628px;height: 330px; overflow: hidden;}
.about .pic img{ width: 100%;transition: all .8s;}
.about .pic:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.about .pic:hover:after{left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
.about .pic:hover img{ transform: scale(1.1);}

/*Photo*/

.Photo{ margin-top: 30px; height: 245px; overflow: hidden; font-size: 0;}
.Photo .top{ background: url(../images/hzkhtitle.png)no-repeat; height: 28px; margin-bottom: 20px; overflow: hidden;}
.Photo .top a{ float: right; color: #999; font-size: 18px; font-family: arial; text-transform: uppercase; background: url(../images/hzkhjt.png)no-repeat right center; padding-right: 15px; line-height: 18px;}
.Photo .top a:hover{ color: #154890;}
.Photo .bd{ width: 1200px;overflow: hidden;}
.Photo ul li{ margin-right: 20px; display: inline-block; vertical-align: top; width: 285px; text-align: center;}
.Photo ul li .pic{ position: relative; width: 285px; height: 200px; overflow: hidden;}
.Photo ul li .pic img{ width: 100%; transition: all .8s;}
.Photo ul li:hover .pic img{ transform: scale(1.1);}
.Photo ul li .pic:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.Photo ul li:hover .pic:after{left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}

/*new*/

.newm-t h6{ background: url(../images/titlebg7.png)no-repeat center;}
.new>div{ height: 420px;overflow: hidden;}
.new .newtab{ width: 768px;margin-right: 20px; font-size: 0;}
.new .newtab .hd,.new .question>.top{ border: 1px solid rgb(230, 230, 230); height: 52px; background-image: -moz-linear-gradient( 90deg, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);}
.new .newtab .hd ul li,.new .newtab .hd ul dd{ border-left: 3px solid rgba(0, 0, 0, 0); margin: 17px 0; height: 16px; padding-left: 7px; float: left; font-size: 16px; color: #666; font-weight: bold; line-height: 16px; cursor: pointer;}
.new .newtab .hd ul li.on{ color: #154890; border-left: 3px solid #154890;}
.new .newtab .hd .morea{ margin: 18px 20px 0 0;}
.new .newtab .hd .morea a,.new .question>.top .more{ font-size: 14px; color: #999; font-family: arial; text-transform: uppercase;}
.new .newtab .hd .morea a:hover,.new .question>.top .more:hover{ color: #154890;}
.new .newtab .bd{ border: 1px solid rgb(230, 230, 230); border-top: none; padding: 30px 30px 0; height: 368px;}
.new .newtab .bd ul li .tjnew{ overflow: hidden; height: 186px; border-bottom: none; margin-bottom: 20px; padding: 0;}
.new .newtab .bd ul li .tjnew>div{ display: inline-block; vertical-align: top; font-size: 0;}
.new .newtab .bd ul li .tjnew .pic{ width: 294px; height: 186px; overflow: hidden;}
.new .newtab .bd ul li .tjnew .pic img{ width: 100%;}
.new .newtab .bd ul li .tjnew .pic:hover img{ transform: scale(1.1, 1.1);}
.new .newtab .bd ul li .tjnew .js{ margin: 0 0 0 15px; width: 393px;}
.new .newtab .bd ul li .tjnew .js h6 a{ margin-top: 10px; font-weight: bold; display: block; line-height: 20px; font-size: 20px; color: #154890;}
.new .newtab .bd ul li .tjnew .js p{ margin: 15px 0; height: 94px; color: #666; font-size: 14px; line-height: 26px;}
.new .newtab .bd ul li .tjnew .js .myButt{ border-radius: 5px; display: inline-block; vertical-align: top; width: 118px; height: 32px; color: #fff; font-size: 14px; line-height: 32px; position: relative; overflow: hidden; background: #e47f12; text-align: center;}
.new .newtab .bd ul li .tjnew .js h6 a:hover{ color: #e47f12;}
.new .newtab .bd ul li .tjnew .js .myButt .insider{ background-color: #fff; width: 100%; height: 20px; position: absolute; left: -100%; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg);}
.new .newtab .bd ul li .tjnew .js .myButt:hover{ background: #154890;color: #fff;}
.new .newtab .bd ul li .tjnew .js .myButt:hover .insider{ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; left: 100%;}
.new .newtab .bd ul li dd a{ color: #333; font-size: 14px; line-height: 14px;}
.new .newtab .bd ul li dd a span{ color: #666;}
.new .newtab .bd ul li dd{ line-height: 14px; padding-bottom: 15px; margin-bottom: 15px;}
.new .newtab .bd ul li dd{ border-bottom: 1px dashed #d8d8d8;}
.new .newtab .bd ul li dd:last-child{ border-bottom: none;}
.new .newtab .bd ul li dd a:hover,.new .newtab .bd ul li dd a:hover span{ color: #154890;}
.new .question{ width: 412px;}
.new .question>.top{ height: 50px; line-height: 50px; padding-left: 20px;}
.new .question>.top h6{ line-height: 16px; font-size: 16px; color: #154890; border-left: 3px solid #154890; font-weight: bold; height: 16px; padding-left: 7px; margin-top: 17px;}
.new .question>.top .more{ margin: 0 20px 0 0;}
.new .question .new_lb{ border: 1px solid rgb(230, 230, 230); border-top: none; height: 369px; width: 100%; overflow: hidden;}
.new .question .new_lb .bd{ padding: 20px 20px 0;}
.new .question .new_lb dl dd{ height: 98px!important;}
.new .question .new_lb dl dd .wen{ margin-bottom: 10px;}
.new .question .new_lb dl dd .wen a{ color: #333; font-size: 14px; line-height: 14px;}
.new .question .new_lb dl dd a:before{ content: ""; width: 20px; height: 20px; display: inline-block; vertical-align: top; margin: 2px 7px 0 0;}
.new .question .new_lb dl dd .wen a:before{ background: url(../images/newwen.png)no-repeat;}
.new .question .new_lb dl dd .da a:before{ background: url(../images/newda.png)no-repeat; margin: 4px 7px 0 0;}
.new .question .new_lb dl dd a i{ width: 339px; display: inline-block; vertical-align: top; color: #999; font-size: 14px; line-height: 28px;}
.new .question .new_lb dl dd{ padding-bottom: 15px; border-bottom: 1px dashed #d8d8d8; margin-bottom: 20px;}
.new .question .new_lb dl dd .wen a:hover b{ color: #154890;}
.new .question .new_lb dl dd .wen a b{ padding: 5px 0 0 0; display: inline-block; vertical-align: top;}
.new .question .new_lb dl dd .da a:hover i{ color: #e47f12;}

/*尾部*/

.foot{ font-size: 0;}
.linksy{ margin-top: 65px;font-size: 0;}
.linksy .top>div{ display: inline-block; vertical-align: middle;}
.linksy .top .zz{ color: #154890; font-size: 18px; font-weight: bold;}
.linksy .top .z{ background: #ccc; width: 957px; height: 1px; margin: 0 15px 0 20px;}
.linksy .top .y{ color: #666; font-size: 14px;}
.linksy .top .y:hover{ color: #154890;}
.linksy .list{ margin-top: 5px; position: relative;}
.linksy .list dd{ position: absolute; left: 0; top: 0; color: #eee; font-size: 36px; font-family: arial; text-transform: uppercase; font-weight: bold; line-height: 36px;}
.linksy .list ul{ margin-top: 6px;}
.linksy .list ul a:first-child{ padding-left: 130px;}
.linksy .list ul a{ margin-right: 30px; display: inline-block; vertical-align: top; color: #666; font-size: 14px;}
.linksy .list ul a:hover{ color: #154890;}
.foot .footbg{ margin-top: 55px; border-top: 10px solid #e47f12; background: #154890; height: 275px;}
.foot nav ul{ padding: 30px 0 22px; position: relative;}
.foot nav ul:before{ content: ""; position: absolute; left: 0; bottom: 0; background: url(../images/foothr.png)no-repeat; width: 100%; height: 2px;}
.foot nav ul li{ float: left; margin-right: 76px;}
.foot nav ul li:last-child{ margin-right: 0;}
.foot nav ul li a{ font-size: 16px; color: #fff; line-height: 16px;}
.foot nav ul li a:hover{color: #e47f12;}
.foot .footbg .nr{ padding-top: 43px;}
.foot .footbg .nr>div{ display: inline-block; vertical-align: top;}
.foot .footbg .nr .left{ width: 345px;}
.foot .footbg .nr dl dd{ font-size: 14px; color: #fff; line-height: 30px;}
.foot .footbg .nr dl dd a{ font-size: 14px; color: #fff;}
.foot .footbg .nr dl dd a:hover{ text-decoration: underline;}
.foot .footbg .nr .lxz{ margin-top: 5px; width: 630px;}
.foot .footbg .nr .wechat dd{ display: inline-block; vertical-align: top;}
